@import "@/styles/variables.less";

.sets-container {
  margin-top: @size-xs;
  font-size: @size-xs;
  .sets-row {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    .sets-row-header-cell {
      &:first-child {
        margin-left: 160px;
      }
      width: 38%;
    }
    .sets-row-cell {
      width: 38%;
      &:first-child {
        width: 160px;
      }
    }
  }
}

.set-actions {
  .delete {
    margin-right: @size-base;
    color: @danger-color;
  }
  .plus {
    color: @primary-color;
  }
}

.unit-display {
  height: @size-2xl;
  line-height: @size-2xl;
  width: @size-4;
  border: @light-border;
  border-radius: @small-radius;
  text-align: center;
  display: flex;
  .unit-display-left {
    flex: 1;
  }
  .unit-display-right {
    width: @size-base;
    color: @default-color;
  }
}
.unit-display-active {
  border: 2px solid @primary-color;
  box-shadow: 0 0 8px @light-primary-color;
}
